<template>
  <div>
     <MySon title="你好" age="23"></MySon>e
     <MyProduct v-for="(item,index) in list" :key="index" :product="item"></MyProduct>
   </div>
</template>
 
<script>
import MySon from "./my-son.vue"
import MyProduct from "./MyProduct.vue"
export default {
  name: "MyFather",
  components: {
    MySon:MySon,
    MyProduct,
  },
  props: {},
  data() {
    return {
        list: [
            { id: 1, proname: '超级好吃的棒棒糖', proprice: 18.8 },
            { id: 2, proname: '超级好吃的大鸡腿', proprice: 34.2 },
            { id: 3, proname: '超级无敌的冰激凌', proprice: 14.2 }
            ]
    };
  },
  computed: {},
  watch: {},
  created() {},
  methods: {}
};
</script>

<style scoped>
     
</style>